#fangdajing {
    height: 800PX;
  }
  
  #fangdajing .banxin {
    height: 800PX;
    position: relative;
    top: 20PX;
  }
  
  #fangdajing .banxin #box {
    width:350PX;
    height: 350PX;
    border: 3PX solid green;
    position: absolute;
   
  }
  
  #fangdajing .banxin #smallbox {
    width: 350PX;
    height: 350PX;
  }
  
  #fangdajing .banxin #smallbox img {
    width: 350PX;
    height: 350PX;
  }
  
  #fangdajing .banxin #bigbox {
    width: 400PX;
    height: 400PX;
    border: 3PX solid greenyellow;
    position: absolute;
    left: 370PX;
    top: 0;
    overflow: hidden;
    display: none;
    z-index: 2;
  }
  
  #fangdajing .banxin #bigbox img {
    width: 800PX;
    height: 800PX;
    border: 3PX solid goldenrod;
    position: absolute;
  }
  
  #fangdajing .banxin #mask {
    width: 50PX;
    height:50PX;
    background-color: gray;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    cursor: move;
    opacity: 0.5;
  }
  /* =======================内容====================== */
  #fangdajing .banxin .lr {
    width: 600PX;
    height: 800PX;
    position: absolute;
    left: 370PX;
  }
  #fangdajing .banxin .lr p{
    height: 30PX;
    font-size: 17PX;
    line-height: 30PX;
  }
  #fangdajing .banxin .lr p a{
    color: #000;
  }
  #fangdajing .banxin .lr p:nth-child(2) a{
    color: red;
  }
  #fangdajing .banxin .lr .jhs{
    height: 40PX;
    background-color: rgb(209, 9, 9);
  }
  #fangdajing .banxin .lr h2{
    text-align: center;
    color: aliceblue;
    font-size: 20PX;
    line-height: 40PX;
  }
  #fangdajing .banxin .lr h2 span{
    font-size: 16PX;
  }
  #fangdajing .banxin .lr h2 a{
    color: orange;
  }
  #fangdajing .banxin .jiage{
    height: 60PX;
    background-color: rgba(192, 192, 192, 0.432);
    color: darkgray;
  }
  #fangdajing .banxin .jiage span{
    position: absolute;
    left: 80PX;
    color: #000;
  }
  #fangdajing .banxin .jiage p:nth-child(2) span{
    color: red;
  }
  #fangdajing .banxin .jiage p:nth-child(2) a{
    display: block;
    width: 60PX;
    height: 25PX;
    color: aliceblue;
    line-height: 25PX;
    text-align: center;
    position: absolute;
    top: 130PX;
    left: 160PX;
    background-color: rgba(220, 20, 60, 0.76);
  }
  /*============================运费=================================*/
  #fangdajing .banxin .yunfei{
      height: 40PX;
  }
  #fangdajing .banxin .yunfei span{
      display: block;
      float: left;
      width: 70PX;
      height: 40PX;
      line-height: 40PX;
  }
  #fangdajing .banxin .yunfei span:nth-child(1){
      color: silver;
      width: 85PX;

  }
  /*============================销量=================================*/
  #fangdajing .banxin .xiaoliang{
    height: 40PX;
    border: 1PX dashed silver;
    border-left:0;
    border-right: 0;
}
#fangdajing .banxin .xiaoliang span{
    display: block;
    float: left;
    width: 200PX;
    font-size: 12PX;
    height: 40PX;
    text-align: center;
    line-height: 40PX;
}
#fangdajing .banxin .xiaoliang span a{
    color: red;
}
/*============================销量=================================*/
#fangdajing .banxin .l{
    width: 40PX;
    height: 40PX;
    background-color: rgba(255, 0, 0, 0.596);
    font-size: 30PX;
    color: #fff;
    text-align: center;
    float: left;
}
/*===============================优惠劵==============================*/
#fangdajing .banxin .youhui{
    height: 39PX;
    border-bottom: 1px solid rgb(175, 173, 173);
}
#fangdajing .banxin .r{
    width: 200PX;
    height: 40PX;
    background-color: rgba(192, 192, 192, 0.705);
    font-size: 16PX;
    line-height: 40PX;
    color: #fff;
    text-align: center;
    float: left;
}
#fangdajing .banxin .r span{
    color: red;
}
/*===============================鞋码==============================*/
#fangdajing .banxin .xiema{
    height: 134PX;
}
#fangdajing .banxin .xiema p{
    width: 50PX;
    height: 50PX;
    border:1PX solid rgb(175, 173, 173);
    text-align: center;
    line-height: 50PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
}
#fangdajing .banxin .xiema p:nth-child(1) {
    width: 80PX;
    border: 0;
    height: 94PX;
    margin-left: 0PX;
}
#fangdajing .banxin .xiema p:nth-child(2) a{
    color: rgba(0, 0, 0, 0.644);
}

#fangdajing .banxin .xiema  a{
    color: rgba(0, 0, 0, 0.644);
}
#fangdajing .banxin .xiema p:hover{
    border: 1PX solid red;
}
/*===========================================颜色=================================*/
#fangdajing .banxin .tupian {
    height: 102PX;
}
#fangdajing .banxin .tupian p{
    width: 50PX;
    height: 50PX;
    border:1PX solid rgb(175, 173, 173);
    text-align: center;
    line-height: 50PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
}
#fangdajing .banxin .tupian p img{
    width: 50PX;
    height: 50PX;
}
#fangdajing .banxin .tupian p:nth-child(1) {
    width: 80PX;
    border: 0;
    height: 94PX;
    margin-left: 0PX;
}
#fangdajing .banxin .tupian p:hover{
    border: 1PX solid red;
}
/*===================================数量=====================================*/
#fangdajing .banxin .shuliang{
    height: 60PX;
    margin-top: 30PX;
    
}
#fangdajing .banxin .shuliang  p {
    text-align: center;
    line-height: 50PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
}
#fangdajing .banxin .shuliang  p input{
    width: 78PX;
    height: 48PX;
}
#fangdajing .banxin .shuliang  p:nth-child(1) {
    width: 80PX;
    border: 0;
    height: 94PX;
    margin-left: 0PX;
}
/*========================================服务======================================*/
#fangdajing .banxin .fuwu {
    height: 102PX;
}
#fangdajing .banxin .fuwu  p{
    width: 250PX;
    height: 40PX;
    border:1PX solid rgb(175, 173, 173);
    text-align: center;
    line-height: 40PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
}
#fangdajing .banxin .fuwu  p:nth-child(2) a{
    color: rgba(0, 0, 0, 0.507);
}
#fangdajing .banxin .fuwu  p:nth-child(1) {
    width:60PX;
    border: 0;
    margin-left: -68PX;
}
#fangdajing .banxin .fuwu  p:hover{
    border: 1PX solid red;
}
/*========================================花呗======================================*/
#fangdajing .banxin .huabei {
    height: 60PX;
    margin-top: -40PX;
}
#fangdajing .banxin .huabei  p{
    width: 250PX;
    height: 40PX;
    border:1PX solid rgb(175, 173, 173);
    text-align: center;
    line-height: 40PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
}
#fangdajing .banxin .huabei  p:nth-child(2) a{
    color: rgba(0, 0, 0, 0.507);
   
}
#fangdajing .banxin .huabei  p:nth-child(2){
    width: 350PX;
    height: 40PX;
    text-align: center;
    line-height: 40PX;
    border: 0;
}
#fangdajing .banxin .huabei  p:nth-child(1) {
    width:60PX;
    border: 0;
    margin-left: 10PX;
}
/*========================================购买=========================*/
#fangdajing .banxin .goumai {
    height: 60PX;
    margin-top: -40PX;
  }
  
  #fangdajing .banxin .goumai p:nth-child(1) {
    width: 200PX;
    height: 40PX;
    border: 1PX solid red;
    text-align: center;
    line-height: 40PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
    background-color: rgba(209, 9, 119, 0.63);
  }
  #fangdajing .banxin .goumai p:nth-child(2) {
    width: 200PX;
    height: 40PX;
    text-align: center;
    line-height: 40PX;
    float: left;
    margin-left: 13PX;
    margin-top: 10PX;
    background-color: red;
  }
  